<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/shop.css">
    <link rel="stylesheet" href="/lib/swiper-master/swiper-bundle.css">
    <title>Document</title>
</head>
<body>
    <!-- header -->
    <header>
        
    </header>
    <!-- main -->
   <main>
    <div class="shopp">
        <div class="shoppingcenent">
            <div class="shoppingcen">
                <h4 class="s-s-e-o">购物车</h4>
                <ul class="s-p-g">
                   
                </ul>
                <script type="text/html" id="cartTemplate">
                    {{each prodList item}}
                        <li>
                             <div class="left"><a href="#"><img src="{{item.imgSrc}}" alt="" class="zoom-image"></a></div>
                             <div class="right">
                                <div class="top">
                                    <h3>{{item.title}}</h3>
                                    <span class="sp">￥{{item.price}}</span>
                                </div>
                                <p>大童运动童鞋</p>
                                <p>{{item.saleNum}}</p>
                                <p>尺码<span>38</span>数量<span>{{item.count}}</span><a href="#" class="add" prodId={{item.id}}>+</a><a href="#" class="res" prodId={{item.id}}>-</a></p>
                                <span class="s-p-l"><a href="#" class="del-btn" prodId={{item.id}}>删除</a></span>
                            </div>
                        </li>
                    {{/each}}
                </script>
            </div>
            <div class="shopping">
                <aside>
                    <div class="ncss-col-sm-12 s-s-o"><h4 class="css-1qpkbz8 e181ly3q3">摘要</h4></div>
                    <div class="s-s-p">
                        <p class="s-i">总数</p>
                        <span class="s-p">1</span>
                    </div>
                    <div class="s-s-i">
                        <p class="s-i">小计</p>
                        <span class="s-l">0:00￥</span>
                    </div>
                    <div class="s-s-h">
                        <p class="s-h-i">预计配送和处理</p>
                        <span class="s-h-p">0:00￥</span>
                    </div>
                    <div class="s-s-a">
                        <p class="s-p-a">总计</p>
                        <span class="s-h-a">0:00￥</span>
                    </div>
                    <div class="s-s-l">
                        结算
                    </div>
                </aside>
            </div>
            <div class="shop">
                <div class="s-s-p-o">
                    <h4 class="css-8c">收藏</h4>成为 Nike 会员即享免费快速配送服务。
                <a  class=" el9whzi3">立即加入</a>或
                <a  class=" el9whzi3">登录</a>
                </div>
            </div>
            <div class="clear_fix"></div>
        </div>
    </div>
    <div class="likeconcent">
        <div class="l-c-o">你可能还喜欢</div>
        <ul class="l-c-t">
            
            <!-- <li>
                <img src="/images/shop2.jfif" alt="">
                <p class="l-l-p">3颜色</p>
                <h3 class="l-l-h">Nike Air Force 1'07</h3>
                <p class="l-l-t">女子运动鞋</p>
                <span class="l-l-s">￥756.00</span>
            </li>
            <li>
                <img src="/images/shop3.jfif" alt="">
                <p class="l-l-p">4颜色</p>
                <h3 class="l-l-h">Nike Air Force 1'07</h3>
                <p class="l-l-t">女子运动鞋</p>
                <span class="l-l-s">￥756.00</span>
            </li> -->
        </ul>
        <script type="text/html" id="likeTemplate">
            {{each prodList item}}
            <li>
                <img src="{{item.imgSrc}}" alt="">
                <p class="l-l-p">{{item.saleNum}}</p>
                <h3 class="l-l-h">{{item.title}}</h3>
                <p class="l-l-t">女子运动鞋</p>
                <span class="l-l-s">￥{{item.price}}</span>
            </li>
            {{/each}}
        </script>
    </div>
   </main>
   <!-- footer -->
    <footer>
       
    </footer>
    <script src="/lib/require/require.js" data-main = "/js/shop"></script>
    <script src="/lib/swiper-master/swiper-bundle.js"></script>
</body>
</html>